﻿body {
    margin-top: 20px!important;
}

.container-base {
    background-color: #fff;
    /*padding: 20px;
        margin: 0 -20px;*/
    padding: 20px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

#scores-button {
    margin-right: 10px;
}

#open-games ul li {
    margin-top: 20px;
}

#active-games ul li {
    margin-top: 20px;
}

#white-user-info > img, #black-user-info > img {
    width: 30px;
}

#player-in-turn {
    margin: 5px;
    margin-top: 10px;
}

#board table {
    border-collapse: collapse;
}

    #board table td {
        width: 48px;
        height: 48px;
        text-align: center;
        border: 1px solid #d4d4d4;
    }

td.white-unit {
    /*background-color: rgb(180, 180, 180);*/
    background: url("../images/white_piece.png") no-repeat;
}

td.black-unit {
    /*background-color: rgb(0, 0, 0);*/
    background: url("../images/black_piece.png") no-repeat;
}

td.selected {
    background-color: #f4bf6e;
}

#box, #messages-feed-box{
    height: 100px;
}

#input {
    padding: 5px;
}